<template>
  <div>
    <ArticlePanel
      v-for="el in articleList"
      :key="el.id"
      :article="el"
    ></ArticlePanel>
    <Pagination></Pagination>
  </div>
</template>

<script>
import ArticlePanel from "./ArticlePanel.vue"
import Pagination from "./Pagination.vue"
export default {
  name: "ArticleList",
  components: {
      ArticlePanel,
      Pagination,
  },
  props: {},
  data() {
    return {
      articleList: {},
    };
  },
  computed: {},
  watch: {},
  created() {
    this.$http({
      url: "/core/sys/article/blogGetList",
      method: "post",
    }).then((data) => {
      console.log("加载数据");
      console.log(data.data.page.list);
      this.articleList = data.data.page.list;
    });
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="scss">
</style>
